/*body*/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
ul,li{ list-style:none; margin:0; padding:0;}

img{ border:0;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }




/*grid4*/
.grid480 { min-width:1200px; height:240px; overflow:hidden;max-width: 2560px;margin: 0 auto; background: url(../../images/2016/gridbg.jpg) top center repeat-y #20252b;}
.grid480 ul {
	padding:0;
	margin: 0;
	position: relative;
	z-index: 1
}
.grid480 ul:before, .grid480 ul:after {
	content: " ";
	display: table
}
.grid480 ul:after {
	clear: both;
}
html.oldie .grid480  ul {
	zoom: 1
}
.grid480 li {
	list-style: none;
	position: relative;
	z-index: 1;
	min-height: 2px;
	margin: 0;
	padding: 0;
	float: left;
	width: 25%
}

.grid480 li span { display:block; width:98.2%; height:5px; background:#191c20; margin:0 2px 2px 2px; padding:0 2px 0 2px;
transition:all .6s ease;
    -webkit-transition:all .6s ease;
 }
.grid480 li:hover span{ background:#0060df;}

html.oldie .grid480 li {
	width: 24.975%
}

.grid480 li a { display: block;
	min-height: 200px;
	font: 0/0 a;
	color: transparent;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat;
	margin:0 2px 0 2px;
	}
.g4-1{
	background-image: url("../../images/2016/480x200-1.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}
.g4-2{
	background-image: url("../../images/2016/480x200-2.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}
.g4-3{
	background-image: url("../../images/2016/480x200-3.jpg");
	background-size: 480px 200px;
	width: 480px;
	height: 200px}
.g4-4{
	background-image: url("../../images/2016/480x200-4.jpg");
	background-size: 480px 200px;
	height: 200px}

/*grid4 END*/


/*sections*/

.section-title{ width:1200px; height:50px; text-align:left; position:relative; margin:0px auto; background:url(../../images/2016/st-bg.png) no-repeat left top;}
.section-title h1{ color:#fff; font-size:28px; font-weight:500; position:absolute; top:-8px; left:40px;}
.section-title h2{ color:#0060df; font-size:12px; font-weight:400; position:absolute; top:20px; left:130px;}
.section-title em{ position:absolute; font-size:10px; top:30px; right:20px;}
.section-title em a{color:#0060df;font-size:10px; font-style:normal;}

.remen-title{ margin-top:-50px;}

.remenp-section{ width:1200px; height:430px; margin:5px auto; position:relative; }
.remenp-section:after{ content:""; display:block; width:1200px; height:66px; position:absolute; bottom:-5px; left:0px; background:url(http://www.maxsun.com.cn/images/2015/scbottom-bg.png) top left no-repeat;}


.remenpb{ width:400px; height:430px; background:#151515; position:absolute;
	border:1px solid #456d21;
	transition:all .2s ease;
    -webkit-transition:all .2s ease;
	}
.remenpb:hover{
	  -webkit-box-shadow: 0px 0px 50px 0px rgba(50, 150, 0, 0.68);
-moz-box-shadow:    0px 0px 50px 0px rgba(50, 150, 0, 0.68);
box-shadow:         0px 0px 50px 0px rgba(50, 150, 0, 0.68);
}

.remenp1{top:0;left:0;}	
	.remenp2{top:0;left:400px;}
	.remenp3{top:0;right:0;}
	
.remenp1:hover{ width:410px; height:440px; top:-5px; left:-5px; z-index:9;border:1px solid #6fba2c;}
.remenp2:hover{ width:410px; height:440px; top:-5px; left:395px; z-index:9;border:1px solid #6fba2c;}
.remenp3:hover{ width:410px; height:440px; top:-5px; right:-5px; z-index:9;border:1px solid #6fba2c;}
.remenp3:after{ content:""; display:block; width:110px; height:110px; background:#000; transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; right:-62px; bottom:-62px;}
.remenp3:hover:after{ content:""; display:block; width:100px; height:100px; background:#000; border-left:1px solid #6fba2c; transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; right:-52px; bottom:-52px;}



/*XK*/
.xk-section{ margin-top:0px;background: url(../../images/2016/gridbg2.jpg) top center no-repeat #20252b;}
.xk-section .section-title h2{ left:240px;}
.xkp-section{ width:1200px; height:630px; margin:5px auto; position:relative;}

.xkp-section .xkpb{ position:absolute;background:#191c20;
border:1px solid #0c3e92;
transition:all .2s ease;
    -webkit-transition:all .2s ease;
}

.xkp-section .xkpb:hover{ 
z-index:9;border:1px solid #1461e2;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 96, 233, 0.68);
-moz-box-shadow:    0px 0px 50px 0px rgba(0, 96, 233, 0.68);
box-shadow:         0px 0px 50px 0px rgba(0, 96, 233, 0.68);
}

.xkp800x210 { width:800px; height:210px; top:0; left:0;}
.xkp400x420-1{ width:400px; height:420px; top:210px; left:0;}
.xkp400x420-2{ width:400px; height:420px; top:210px; left:400px;}
.xkp400x420-3{ width:400px; height:420px; top:210px; left:800px;}
.xkp400x210-1{ width:400px; height:210px; top:0; right:0;}
.xkp400x210-2{ width:400px; height:210px; top:210px; right:0;}
.xkp400x210-3{ width:400px; height:210px; top:420px; right:0;}

.xkp800x210:hover { width:810px; height:220px; top:-5px; left:-5px;}
.xkp400x420-1:hover{ width:410px; height:430px; top:205px; left:-5px;}
.xkp400x420-2:hover{ width:410px; height:430px; top:205px; left:395px;}
.xkp400x210-1:hover{ width:410px; height:220px; top:-5px; right:-5px;}
.xkp400x210-2:hover{ width:410px; height:220px; top:205px; right:-5px;}
.xkp400x210-3:hover{ width:410px; height:220px; top:415px; right:-5px;}

.xkp400x210-3:after{ content:""; display:block; width:55px; height:55px; background:url(../../images/2016/scbottom-bg.png) no-repeat; position:absolute; right:-1px; bottom:-1px;}
.xkp400x210-3:hover:after{background:url(../../images/2016/scbottom-bg2.png) no-repeat;}
.xkp400x420-3:after{ content:""; display:block; width:55px; height:55px; background:url(../../images/2016/scbottom-bg.png) no-repeat; position:absolute; right:-1px; bottom:-1px;}
.xkp400x420-3:hover:after{background:url(../../images/2016/scbottom-bg2.png) no-repeat;}

/*XK END*/




/*ZB*/
.zb-section{ margin-top:60px;}
.zb-section .section-title h2{ left:210px;}
.zbp-section{ width:1200px; height:630px; margin:5px auto; position:relative;}
.zbp-section:after{ content:""; display:block; width:1200px; height:66px; position:absolute; bottom:-5px; left:0px; background:url(http://www.maxsun.com.cn/images/2015/scbottom-bg.png) top left no-repeat;}

.zbp-section .zbpb{ position:absolute;background:#191c20;
border:1px solid #0c3e92;
transition:all .2s ease;
    -webkit-transition:all .2s ease;
}

.zbp-section .zbpb:hover{ 
z-index:9;border:1px solid #1461e2;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 96, 233, 0.68);
-moz-box-shadow:    0px 0px 50px 0px rgba(0, 96, 233, 0.68);
box-shadow:         0px 0px 50px 0px rgba(0, 96, 233, 0.68);
}

.zbp400x400-1 { width:400px; height:400px; top:0; left:0;}
.zbp400x400-2 { width:400px; height:400px; top:0; left:400px;}
.zbp400x400-3 { width:400px; height:400px; top:0; right:0;}
.zbp600x230 { width:600px; height:230px; top:400px; left:0;}
.zbp300x230-1 { width:300px; height:230px; top:400px; left:600px;}
.zbp300x230-2 { width:300px; height:230px; top:400px; right:0px;}


.zbp400x400-1:hover { width:410px; height:410px; top:-5px; left:-5px;}
.zbp400x400-2:hover { width:410px; height:410px; top:-5px; left:395px;}
.zbp400x400-3:hover { width:410px; height:410px; top:-5px; right:-5px;}
.zbp600x230:hover { width:610px; height:240px; top:395px; left:-5px;}
.zbp300x230-1:hover { width:310px; height:240px; top:395px; left:595px;}
.zbp300x230-2:hover { width:310px; height:240px; top:395px; right:-5px;}

.zbp300x230-2:after{ content:""; display:block; width:110px; height:110px; background:#000; transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; right:-62px; bottom:-62px;}
.zbp300x230-2:hover:after{ content:""; display:block; width:100px; height:100px; background:#000; border-left:1px solid #6fba2c; transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); position:absolute; right:-52px; bottom:-52px;}
/*ZB END*/





/*SSD*/
.ssd-section{ margin-top:60px;}
.ssd-section .section-title h2{ left:240px;}
.ssdp-section{ width:1200px; height:400px; margin:5px auto; position:relative;}

.ssdp-section .ssdpb{ position:absolute;background:#191c20;
border:1px solid #0c3e92;
transition:all .2s ease;
    -webkit-transition:all .2s ease;
}

.ssdp-section .ssdpb:hover{ 
z-index:9;border:1px solid #1461e2;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 96, 233, 0.68);
-moz-box-shadow:    0px 0px 50px 0px rgba(0, 96, 233, 0.68);
box-shadow:         0px 0px 50px 0px rgba(0, 96, 233, 0.68);
}

.ssdp400x400-1 { width:400px; height:400px; top:0; left:0;}
.ssdp400x400-2 { width:400px; height:400px; top:0; left:400px;}
.ssdp400x400-3 { width:400px; height:400px; top:0; right:0;}

.ssdp400x400-1:hover { width:410px; height:410px; top:-5px; left:-5px;}
.ssdp400x400-2:hover { width:410px; height:410px; top:-5px; left:395px;}
.ssdp400x400-3:hover { width:410px; height:410px; top:-5px; right:-5px;}

.ssdp400x400-3:after{ content:""; display:block; width:55px; height:55px; background:url(../../images/2016/scbottom-bg.png) no-repeat; position:absolute; right:-1px; bottom:-1px;}
.ssdp400x400-3:hover:after{background:url(../../images/2016/scbottom-bg2.png) no-repeat;}

/*SSD END*/



/*subchannel section*/
.subchannel-section{ width:1200px; margin:20px auto; background:#FFF;}
.subchannel-l{ width:240px; min-height:400px; float:left; border:1px solid #e7e7e7; overflow:hidden;}
.subchannel-nav h1{ padding-left:20px; font-size:16px; font-weight:700; margin:10px 0 10px 0;}
.subchannel-nav li {padding-left:20px; font-size:14px; width:100%; min-height:40px; line-height:40px; border-left:3px solid #FFF;}
.subchannel-nav li:hover { border-left:3px solid #f9f9f9; background-color:#f9f9f9;}
.subchannel-nav li a,.subchannel-nav .lianbaopjsub a{ color:#666666;}
.subchannelnavcur { border-left:3px solid #0096ff !important; background-color:#f9f9f9;}
.subchannel-nav .lianbaopjsub{ margin-top:0px; line-height:24px; font-size:12px;padding-left:40px; display:none; background:#fbfbfb; margin-left:0px; border-left:2px solid #ffb68a !important;}

.subchannel-r{ width:940px; min-height:400px; float:right; border:1px solid #e7e7e7; overflow:hidden}
.subchannel-content{ width:860px; min-height:400px; font-size:14px; margin:20px auto; line-height:24px; color:#333; font-family:΢ÈíÑÅºÚ !important;}
.subchannel-content p,.subchannel-content span{line-height:24px; color:#333; font-family:΢ÈíÑÅºÚ !important; word-wrap: break-word !important;}
.subchannel-content a{ border:none !important; margin:0 !important;}
.subchannel-content h1{ text-align:center;font-size:24px; font-weight:600; padding:20px 0 20px 0; color:#666;}
.subchannel-content img{ max-width:860px !important; height:auto; text-align:center;}
/*subchannel section end*/




/*PRODUCT subchannel section*/
.prosubchannel-section{ width:1200px; margin:20px auto; background:#FFF;}
.prosubchannel-l{ width:240px; min-height:400px; float:left;overflow:hidden;}
.productlist_nav h1{ font-size:24px; font-weight: bold; margin:0 0 20px 0; }

.prosubchannel-r{ width:940px; min-height:400px; float:right; overflow:hidden}

/*subchannel section end*/


/*PRODUCT LIST PAGE*/

.proxk1920x380{ width:100%; height:380px; background:url(http://www.soyocn.net/images/2016/pro1920x380.jpg) center center no-repeat;}
.prozb1920x380{ width:100%; height:380px; background:url(http://www.soyocn.net/images/2016/prozb1920x380.jpg) center center no-repeat;}
.prossd1920x380{ width:100%; height:380px; background:url(http://www.soyocn.net/images/2016/prossd1920x380.jpg) center center no-repeat;}

.productlist_nav {
	width:100%; overflow:hidden;
}

.productlist_nav ul{}
.prolistdropdown{ margin-bottom:10px; cursor:pointer; position:relative;}
.prolistdropdown h4{ font-size:16px; color:#7e7e7e; border-bottom:2px solid #0096ff; padding:5px 0 5px 0; margin:0; }
.prolistdropdown h4 a{color:#7e7e7e;}
.prolistdropdown h4 a:hover{color:#0096ff;}
.prolistdropdown em{ display:block; width:15px; height:15px;background:url(http://www.soyocn.net/images/2016/plistarrow.png) center center no-repeat; position:absolute; right:0; top:8px;
transition:all .3s ease;
    -webkit-transition:all .3s ease;}
	
.emrotate{transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(-90deg);}


.prolistdropdown-menu {
		max-height: 0;
		overflow: hidden;
}

.prolistdropdown-menu li { line-height:26px; font-size:14px;}
.prolistdropdown-menu li:hover {background:url(http://www.soyocn.net/images/2016/selectedlistarrow.png) 5px center no-repeat;}
.prolistdropdown-menu li a { color:#000; padding-left:20px;}
.prolistdropdown-menu li a:hover { color:#0096ff;}
.selectedidclass{ color:#0096ff !important;background:url(http://www.soyocn.net/images/2016/selectedlistarrow.png) 5px center no-repeat;}

.productlist_nav .show,.productlist_nav .hide {	}

.productlist_nav .show {
		display: block;
		max-height: 9999px;
	}

.productlist_nav .hide {
		max-height: 0;
}


.productlistgrid { margin-top:50px; min-height:680px;}
.productlistgrid li { display:inline-block; width:25%; float:left; text-align:center; margin-bottom:20px;}
.productlistgrid li div { width:220px; height:250px; border:1px solid #f1f1f1; margin:0 auto;}
.listproductimg img { max-width:210px; height:auto;}
.productlistgrid li span{ display:block;}
.listproductimg{ padding-top:20px; height:200px; overflow:hidden;}
.listproducttitle{ font-size:14px;}
.listproducttitle a{ color:#010101;}
.listproducttitle a:hover{ color:#0096ff;}


.plist-pagenum{ text-align:center;}
.plist-pagenum a{ display:inline-block; width:28px; height:28px; line-height:26px; font-size:24px;background-color:#cccccc; border:1px solid #cccccc; border-radius:28px; color:#FFF; text-decoration:none; font-weight:lighter;}
.plist-pagenum span{ display:inline-block; width:70px; height:30px; line-height:30px; font-size:20px; color:#666666; letter-spacing:4px;font-weight:lighter;}
/*PRODUCT LIST PAGE END */



/*zt*/
.ppreview-section{ min-width:100%; min-height:600px; overflow:hidden;}
.ppreview-l,.ppreview-r{ display: block; width:50%; position:relative;}
/*.ppreview-l{ border-right:1px solid #000; }*/
.ppreview-r{ margin-left:50%;}
.ppreview-slider{ width:560px; position:absolute; top:20px; right:0;}
#ppreviewsliderthumb{ width:600px; margin:0 auto;}
#ppreviewsliderthumb a { display:inline-block;border:1px solid #f1f1f1;}
#ppreviewsliderthumb a:hover{border:1px solid #01a5f1;}
#ppreviewsliderthumb img{ width:90px; height:auto;}

.ptitle{ margin:120px 0 0 130px;}
.ptitle h1{ color:#01a5f1;}
.ptitle h2{ color:#333333; font-size:14px; line-height:28px; font-weight:200;}
.ptitle p{ color:#333333; font-size:14px; line-height:28px; font-weight:200;}

.buy-icons{ width:100%; height:100px; margin:100px 0 0 130px;}
.buy-icons span{ display: inline-table;min-width:80px;}
.buy-icons b { display:block; width:120px; height:30px; line-height:30px; border:1px solid #ff8e4a; border-radius:10px;background-color:#ff8e4a; color:#FFF; text-align:center; font-weight:500; margin-right:10px; margin-top:-50px;}

.ztsubnav-section{ width:1200px; height:60px; text-align:left; margin:0 auto 20px auto; color:#000; line-height:100px;}
.ztsubnav-section a { color:#000; font-size:18px; font-weight:500;}
.ztsubnav-section .zongshu{color:#01a5f1;}
.ztsubnav-section .sep { margin-right:10px; margin-left:10px; color:#000; font-weight:lighter;}
.zt-section{ width:100%;background-color:#fff; line-height:28px;}
.zt-section img { display:block;}


/*zt end*/


/*content page*/
.msnewslist{ width:850px; margin:0 auto;}
.msnewslist li { border-bottom:1px dashed #f1f1f1; padding-left:10px;}
.msnewslist li:hover{ background-color:#f9f9f9;}
.newstitle,.newsjointime{ display:inline-block; height:32px; line-height:36px; overflow:hidden;}
.newstitle { width:700px;}
.newstitle a{ color:#666;line-height:36px;}
.newstitle a:hover{ color:#333;}
.newsjointime { width:100px; text-align:right; color: #CCC;}


.rongyulist{ width:100%;}
.rongyulist li{ display: inline-block; width:140px; height:150px; text-align:center; font-size:14px; margin:10px 5px 10px 5px; border:1px solid #f1f1f1; overflow:hidden; font-size:12px; padding:5px;}
.rongyulist li span{ display:block; width:100%;line-height:16px;}
.rongyulist li span a{ color:#333;}
.rongyulistimg{ display:block; width:100%; height:120px;overflow:hidden;}
.rongyulistimg img{ max-width:150px; max-height:120px;}
.rongyulisttitle{ display:block; width:100%; height:30px; overflow:hidden;}




/*FOOTER*/
.footer-section{ min-width:1200px;width:100%; background: #191c20; margin:90px auto 0 auto;}
.footerinfo{ width:1050px; min-height:120px; margin:20px auto;position:relative; color:#CCC; font-size:14px;}
.footerinfo ul{ width:170px; display:table-cell;}
.footerinfo ul h3{ color:#dddddd; font-size:18px; font-weight:500; margin-bottom:10px;}
.footerinfo ul li a{ color:#dddddd; font-size:14px; font-weight: lighter;}
.footerinfo ul li a:hover{ color:#dddddd;}
.copyrightinfo{ width:1000px; margin:20px auto 0 auto; padding-bottom:10px; text-align:center;color:#ababab; font-size:12px; font-weight:500;}


.wxercode,.wbercode,.mpercode{ position: absolute; text-align:center; font-size:10px; line-height:12px;color:#868686;}
.wxercode a,.wbercode a,.mpercode a{ color:#868686;}
.wxercode img, .wbercode img,.mpercode img{ height:85px; width:auto;}
.wxercode{ right:220px; top:20px;}
.wbercode{ right:40px; top:20px;}
.mpercode{ right:-80px; top:20px;}

::-moz-placeholder { color: #e3e3e3; }
::-webkit-input-placeholder { color:#e3e3e3; }
:-ms-input-placeholder { color:#e3e3e3; }
.qdsearch input{ display:inline-block;}
#bstext{ 
padding:5px 5px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.sbutt{width:60px;height:28px;line-height:28px;  text-align:center; border:none; border-radius:4px;background: #039; color:#FFF;}